/*
 * Styles for the #annotations div
 */
@import "mo-style-variables";

#annotations {
  z-index: 0;
  position: absolute;
  right: 40px;
  top: 45px;
  padding: 0;
  margin: 0;
  width: 230px;
  list-style: none;

  li {
    padding: 0;
    color: $winter-grey;
    opacity: 0;
    transition: opacity 500ms ease, height 1s ease;
    margin:0;

    .annotationWrapper {

        padding-bottom: 20px;

        p {
            margin: 0;
            padding-top: 2px;
        }

        h3 {
          color: $core-white;
          font-weight: normal;
          margin-top:0;
          padding:0;
          margin: 0;
        }

        a{
          font-weight: bold;
          color: $core-white;

          &:hover {
            color: $core-green;
          }

        }


    }
  }
}

@media (max-width: 750px) {
  #annotations {
    display: none;
  }
}